
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<!-- 使用格式 -->
<img class="lazy" alt="" width="640" height="480" 
	src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1796411554,1257847298&fm=26&gp=0.jpg" 
	data-original="./imgs/img1.jpg" 
/>
<hr />
<img class="lazy" alt="" width="640" height="480" 
	src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1796411554,1257847298&fm=26&gp=0.jpg" 
	data-original="./imgs/img2.jpg" 
/>
<hr />
<img class="lazy" alt="" width="640" height="480" 
	src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1796411554,1257847298&fm=26&gp=0.jpg" 
	data-original="./imgs/img3.jpg" 
/>
<hr />
<img class="lazy" alt="" width="640" height="480" 
	src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1796411554,1257847298&fm=26&gp=0.jpg" 
	data-original="./imgs/img4.jpg" 
/>
<hr />
<img class="lazy" alt="" width="640" height="480" 
	src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1796411554,1257847298&fm=26&gp=0.jpg" 
	data-original="./imgs/img5.jpg" 
/>
<hr />
<img class="lazy" alt="" width="640" height="480" 
	src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1796411554,1257847298&fm=26&gp=0.jpg" 
	data-original="./imgs/img6.jpg" 
/>
</body>
</html>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="./jquery.lazyload.js"></script>
<script>
/* 调用插件*/

$(window).on("load scroll",function(){
	$("img.lazy").lazyload("data-original");
})
</script>